<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="a.header.jsp" %>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head> 
<!--  /layuiproject/WebContent/4弹出层/b1多层弹窗遮罩层方法调用.jsp -->
<body>
        <h1>第一层页面</h1>
        <button id="btn">打开第二层页面</button>
        
        <br><br><br>
        <button id="btn1">第一层页面方法</button>
        
        
<form class="layui-form">
	<div class="layui-form-item">
		<input type="text" id="subTitle" name="subTitle"  class="layui-input">
	</div>
	<div class="layui-form-item">
		<button class="layui-btn" lay-submit lay-filter="formDemo">添加</button>
	</div>
</form>
        
        <script type="text/javascript">
        layui.use(['layer', 'form'], function(){
        	  var layer = layui.layer
        	  ,form = layui.form
        	  ,$=layui.$;
        	  var str="第一层页面";
        	  layer.msg('Hello World');
        	  var openSecond=function(){
                  top.layer.open({
                      type: 2,
                      title: "第二层页面",
                      content: "c2.jsp",
                      area: ['1000px', '600px'],
                      btn:['确定','取消'],
                      success: function(layero, index){
                          //获取第二个页面
                          var iframe = window['layui-layer-iframe' + index];
                          //调用第二个页面的方法
//                           iframe.firstParams("haha");
                      },
                      yes:function(index,layero){
                    	  var body = layer.getChildFrame('body', index);//获取子页面内容
                          var iframeWin = $("div.layui-layer-content > iframe", layero)[0].contentWindow; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                          var res = iframeWin.secondMethod();		//第一个子页面的方法
                          var str=iframeWin.name;					//第一个子页面的变量
                          console.log(str)
                    	  layer.close(index);
                      }
                  })
              }
        	  $("#btn").click(function(){
        		  openSecond();
              })
              $("#btn1").click(function(){
            	  firstMethod();
              })

        	  var firstMethod=function(){
                  console.log("位置 父页面");
              }
        	  window.faname="I am Father.";
        	  window.faMethod=function(){
                  alert("这是父页面方法")
              }
        	  
        	  
        	  form.on('submit(formDemo)', function (data) {
                  	console.log(data);
                  	console.log(data.field)
                  	top.layer.open({
                      type: 2,
                      title: "第二层页面",
                      content: "c2.jsp",
                      area: ['1000px', '600px'],
                      btn:['确定','取消'],
                      success: function(layero, index){
                          //获取第二个页面
                          var iframe = window['layui-layer-iframe' + index];
                          iframe.data=data.field;                          
                          //调用第二个页面的方法
//                           iframe.firstParams("haha");
                      },
                      yes:function(index,layero){
                    	  var body = layer.getChildFrame('body', index);//获取子页面内容
                          var iframeWin = $("div.layui-layer-content > iframe", layero)[0].contentWindow; //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                          var res = iframeWin.secondMethod();		//第一个子页面的方法
                          var str=iframeWin.name;					//第一个子页面的变量
                          console.log(str)
                    	  layer.close(index);
                      }
                  })
                  	return false;
    			})
        	});
        
    </script>
    </body>
    
</html> 